<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <link type="text/css" href="jquery-ui-1.7.2.custom.css" rel="stylesheet" />

    <script type="text/javascript" src="jquery.min.js"></script>

    <script type="text/javascript" src="jquery-ui-1.7.2.custom.min.js"></script>

    <script type="text/javascript">  
    function test()
    {
        alert("调用");
    }  
    $(function(){
        $('#dialog').dialog({
            autoOpen: false,//如果设置为true，则默认页面加载完毕后，就自动弹出对话框；相反则处理hidden状态。 
            bgiframe: true, //解决ie6中遮罩层盖不住select的问题  
            width: 600,
            modal: true,//这个就是遮罩效果   
            buttons: {
                "Ok": function(){
                    test();//在这里调用函数
                    $(this).dialog("close");
                },
                "Cancel": function(){
                    $(this).dialog("close");
                }
            }
        });
        
        $('#btn').click(function(){
            $('#dialog').dialog('open');
            return false;
        });
    });
    </script>

</head>
<body>
<input type="button" id="btn" value="点我啊a" />
                <div>
                    <div id="dialog" title="嘿嘿a" style="">
                        <p>
                            你个废物b</p>
                    </div>
                </div>
</body>
</html>